import { Card, Typography } from '@mui/material'
import './PageTopStaticCard.scss'

const PageTopStatic = ({staticList}) => {
  return (
    <Card className='pageTopStatic'>
      {staticList && staticList.length && staticList.map((item, index) => {
        return (
          <div className='staticItem' key={index}>
            <img src={item.imgSrc} style={{width: '1.8rem', height: '1.8rem', marginRight: '0.5rem'}} />
            <div className='right'>
              <Typography noWrap={true} className='staticNumber'>{item.value}</Typography>
              <Typography noWrap={true} className='staticDesc'>{item.desc}</Typography>
            </div>
          </div>
        )
      })}
    </Card>
  )
}

export default PageTopStatic
